<html>
<head>
<%@ include file="../../inc/comun.jsp" %>
<%@ include file="../../inc/comunPopup.jsp" %>
<script type="text/javascript" src="<%=request.getContextPath()%>/jsp/opcmnt/opcion.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/external/upclick-min.js"></script>
<style type="text/css">
	#filtroCodigo      {width:75px;}
	#filtroNombreCorto {width:100px;}
	#filtroNombreLargo {width:200px;}
	#filtroEstadoId    {width:100px;}
	.trN1              {background-color: #fffde2; font-weight: bold;}
	.trN2              {background-color: #fafffa;}
	.tblOperacion      {width: 100%; border-collapse: collapse; padding: 0}
	.tblOperacion td   {border-collapse: collapse; padding: 0}
</style>
</head>
<body>
<table class="pagina">
<tr><td class="titulo">Mantenimiento de Opciones</td></tr>
<tr>
<td class="cuerpo">

<form id="frm" method="post" action="opclst.do">
<input type="hidden" name="filtroAplicacionId" id="filtroAplicacionId" value="${aplicacion.aplicacionId}"/>
<input type="hidden" name="filtroAplicacionTipoId" id="filtroAplicacionTipoId" value="${aplicacion.tipo.detalleId}"/>
<table class="tblFormulario">
	<tr><td class="etiqueta">Aplicaci&oacute;n</td>
		<td class="valor" colspan="8">${aplicacion.nombreLargo}</td></tr>
	<tr><td class="etiqueta">C&oacute;digo</td>
		<td class="valor"><input type="text" name="filtroCodigo" id="filtroCodigo"></td>
		<td class="etiqueta">Nombre corto</td>
		<td class="valor"><input type="text" name="filtroNombreCorto" id="filtroNombreCorto"></td>
		<td class="etiqueta">Nombre largo</td>
		<td class="valor"><input type="text" name="filtroNombreLargo" id="filtroNombreLargo"></td>
		<td class="etiqueta">Estado</td>
		<td class="valor">
			<select name="filtroEstadoId" id="filtroEstadoId">
			<option value="">--Todos--</option>
			<c:forEach items="${estados}" var="estado">
			<option value="${estado.detalleId}">${estado.nombreLargo}</option>
			</c:forEach>
			</select>
		</td>
		<td align="right"><input type="button" id="btnBuscar" value="Buscar"/></td></tr>
</table>
</form>

<table class="tblOperacion">
<tr>
<td align="left"><input type="button" id="btnRegresar" value="<< Ver Aplicaciones"/></td>
<td align="right"><input type="button" id="btnNuevo" value="Nueva Opci&oacute;n"/></td></tr>
</table>

<div id="divListado"></div>
<div id="divRegistro"></div>
</td>
</tr>
</table>
</body>
</html>